<template>
  <div id="app-test" class="jx-content">
    <div class="search-box fl">
      <el-form :inline="true" ref="searchForm" :model="searchForm" label-width="80px">
        <el-form-item label="学生信息">
          <el-input v-model="searchForm.name"></el-input>
        </el-form-item>
        <el-form-item>
          <div class="button-style">搜 索</div>
        </el-form-item>
      </el-form>
    </div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column type="index" label="序号" width="50"></el-table-column>
      <el-table-column prop="date" label="学生姓名"></el-table-column>
      <el-table-column prop="date" label="学号"></el-table-column>
      <el-table-column prop="name" label="班级"></el-table-column>
      <el-table-column prop="address" label="年级"></el-table-column>
      <el-table-column prop="laiyuan" label="得分"></el-table-column>
      <el-table-column prop="laiyuan" label="状态"></el-table-column>
      <el-table-column fixed="right" label="操作" width="200">
        <template slot-scope="scope">
          <router-link :to="{ path: 'examinationApproval' }">审批</router-link>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-size="100" layout="total, prev, pager, next, jumper" :total="400"></el-pagination>
  </div>
</template>
<script>
export default {
  data() {
    return {
      //开始考试弹出框Start the exam
      dialogStartExam: false,
      //手动选班开关
      dialogStartExamSwitch: true,
      //form
      dialogStartExamForm: {
        year: "2018",
        options: [
          {
            key: 1,
            value: "一班"
          },
          {
            key: 2,
            value: "二班"
          }
        ]
      },
      searchForm: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      },
      currentPage: 10,
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          laiyuan: "laiyuan"
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
          laiyuan: "laiyuan"
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address:
            "上海市普陀区金沙江路 1519 弄上海市普陀区金沙江路 1519 弄上海市普陀区金沙江路 1519 弄",
          laiyuan: "laiyuan"
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
          laiyuan: "laiyuan"
        }
      ]
    };
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {},
    handleSizeChange() {},
    handleCurrentChange() {},
    //编辑实验环境弹出关闭
    dialogStartExamClose() {},
    //编辑实验环境弹出确定
    dialogStartExamSubmit() {}
  }
};
</script>
<style lang="scss">
@import "../../../styles/layout/color_variables";
#app-test {
  width: 1200px;
  margin: 30px auto;
  .dialog-start-exam {
    .el-dialog__body {
      padding-bottom: 0;
    }
    .dialog-content {
      text-align: center;
      .start-exam-form {
        text-align: center;
      }
      .start-exa-title {
        font-size: 18px;
        font-weight: bold;
        margin-top: 10px;
      }
      .start-exam-switch {
        margin: 26px 0;
        > span {
          font-size: 16px;
          margin-right: 4px;
        }
        .el-switch {
          vertical-align: sub;
        }
      }
    }
    .el-dialog__footer {
      text-align: center;
    }
  }
}
</style>
